<template>
  <div>
    <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
      <span>单位 : 元</span>
    </div>
    <table class="table" width="100%" cellspacing="0">
      <thead class="header">
      <th>业务情况</th>
      <th>营业至今累计</th>
      <th>本年累计</th>
      <th>本月合计</th>
      </thead>
      <tbody v-if="Object.keys(data).length" class="body">
      <tr>
        <td>业务利润</td>
        <td>{{ data.this_new.business_profit }}</td>
        <td>{{ data.this_year.business_profit }}</td>
        <td>{{ data.this_month.business_profit }}</td>
      </tr>
      <tr>
        <td>经营利润</td>
        <td>{{ data.this_new.net_profit }}</td>
        <td>{{ data.this_year.net_profit }}</td>
        <td>{{ data.this_month.net_profit }}</td>
      </tr>
      <tr>
        <td>合同金额</td>
        <td>{{ data.this_new.contract_amount }}</td>
        <td>{{ data.this_year.contract_amount }}</td>
        <td>{{ data.this_month.contract_amount }}</td>
      </tr>
      <tr>
        <td>新客合同金额</td>
        <td>{{ data.this_new.contract_amount_new }}</td>
        <td>{{ data.this_year.contract_amount_new }}</td>
        <td>{{ data.this_month.contract_amount_new }}</td>
      </tr>
      <tr>
        <td>老客合同金额</td>
        <td>{{ data.this_new.contract_amount_old }}</td>
        <td>{{ data.this_year.contract_amount_old }}</td>
        <td>{{ data.this_month.contract_amount_old }}</td>
      </tr>
      <tr>
        <td>放款本金</td>
        <td>{{ data.this_new.loan_principal }}</td>
        <td>{{ data.this_year.loan_principal }}</td>
        <td>{{ data.this_month.loan_principal }}</td>
      </tr>
      <tr>
        <td>回款本金</td>
        <td>{{ data.this_new.payment_principal }}</td>
        <td>{{ data.this_year.payment_principal }}</td>
        <td>{{ data.this_month.payment_principal }}</td>
      </tr>
      <tr>
        <td>放款订单量</td>
        <td>{{ data.this_new.loan_order_count }}</td>
        <td>{{ data.this_year.loan_order_count }}</td>
        <td>{{ data.this_month.loan_order_count }}</td>
      </tr>
      <tr>
        <td>新客放款订单量</td>
        <td>{{ data.this_new.loan_order_count_new }}</td>
        <td>{{ data.this_year.loan_order_count_new }}</td>
        <td>{{ data.this_month.loan_order_count_new }}</td>
      </tr>
      <tr>
        <td>老客放款订单量</td>
        <td>{{ data.this_new.loan_order_count_old }}</td>
        <td>{{ data.this_year.loan_order_count_old }}</td>
        <td>{{ data.this_month.loan_order_count_old }}</td>
      </tr>
      <tr>
        <td>还款订单量</td>
        <td>{{ data.this_new.returned_order_count }}</td>
        <td>{{ data.this_year.returned_order_count }}</td>
        <td>{{ data.this_month.returned_order_count }}</td>
      </tr>
      <tr>
        <td>新客还款订单量</td>
        <td>{{ data.this_new.returned_order_count_new }}</td>
        <td>{{ data.this_year.returned_order_count_new }}</td>
        <td>{{ data.this_month.returned_order_count_new }}</td>
      </tr>
      <tr>
        <td>老客还款订单量</td>
        <td>{{ data.this_new.returned_order_count_old }}</td>
        <td>{{ data.this_year.returned_order_count_old }}</td>
        <td>{{ data.this_month.returned_order_count_old }}</td>
      </tr>
      <tr>
        <td>还款率</td>
        <td>{{ data.this_new.returned_order_rate }}</td>
        <td>{{ data.this_year.returned_order_rate }}</td>
        <td>{{ data.this_month.returned_order_rate }}</td>
      </tr>
      <tr>
        <td>新客还款率</td>
        <td>{{ data.this_new.returned_order_new_rate }}</td>
        <td>{{ data.this_year.returned_order_new_rate }}</td>
        <td>{{ data.this_month.returned_order_new_rate }}</td>
      </tr>
      <tr>
        <td>老客还款率</td>
        <td>{{ data.this_new.returned_order_old_rate }}</td>
        <td>{{ data.this_year.returned_order_old_rate }}</td>
        <td>{{ data.this_month.returned_order_old_rate }}</td>
      </tr>
      <tr>
        <td>件均</td>
        <td>{{ data.this_new.order_average_contract_amount }}</td>
        <td>{{ data.this_year.order_average_contract_amount }}</td>
        <td>{{ data.this_month.order_average_contract_amount }}</td>
      </tr>
      <tr>
        <td>新客件均</td>
        <td>{{ data.this_new.new_order_average_contract_amount }}</td>
        <td>{{ data.this_year.new_order_average_contract_amount }}</td>
        <td>{{ data.this_month.new_order_average_contract_amount }}</td>
      </tr>
      <tr>
        <td>老客件均</td>
        <td>{{ data.this_new.old_order_average_contract_amount }}</td>
        <td>{{ data.this_year.old_order_average_contract_amount }}</td>
        <td>{{ data.this_month.old_order_average_contract_amount }}</td>
      </tr>
      <tr>
        <td>合同金额首逾</td>
        <td>{{ data.this_new.first_excess_of_contract_amount }}</td>
        <td>{{ data.this_year.first_excess_of_contract_amount }}</td>
        <td>{{ data.this_month.first_excess_of_contract_amount }}</td>
      </tr>
      <tr>
        <td>新客合同金额首逾</td>
        <td>{{ data.this_new.first_excess_of_contract_amount_new }}</td>
        <td>{{ data.this_year.first_excess_of_contract_amount_new }}</td>
        <td>{{ data.this_month.first_excess_of_contract_amount_new }}</td>
      </tr>

      <tr>
        <td>老客合同金额首逾</td>
        <td>{{ data.this_new.first_excess_of_contract_amount_old }}</td>
        <td>{{ data.this_year.first_excess_of_contract_amount_old }}</td>
        <td>{{ data.this_month.first_excess_of_contract_amount_old }}</td>
      </tr>
      <tr>
        <td>合同金额首逾率</td>
        <td>{{ data.this_new.first_over_rate_of_contract_amount }}</td>
        <td>{{ data.this_year.first_over_rate_of_contract_amount }}</td>
        <td>{{ data.this_month.first_over_rate_of_contract_amount }}</td>
      </tr>
      <tr>
        <td>新客合同金额首逾率</td>
        <td>{{ data.this_new.first_over_rate_of_contract_amount_new }}</td>
        <td>{{ data.this_year.first_over_rate_of_contract_amount_new }}</td>
        <td>{{ data.this_month.first_over_rate_of_contract_amount_new }}</td>
      </tr>
      <tr>
        <td>老客合同金额首逾率</td>
        <td>{{ data.this_new.first_over_rate_of_contract_amount_old }}</td>
        <td>{{ data.this_year.first_over_rate_of_contract_amount_old }}</td>
        <td>{{ data.this_month.first_over_rate_of_contract_amount_old }}</td>
      </tr>
      <tr>
        <td>合同金额M1催回数</td>
        <td>{{ data.this_new.contract_amount_m1_Number_of_reminders }}</td>
        <td>{{ data.this_year.contract_amount_m1_Number_of_reminders }}</td>
        <td>{{ data.this_month.contract_amount_m1_Number_of_reminders }}</td>
      </tr>
      <tr>
        <td>合同金额M1催回率</td>
        <td>{{ data.this_new.contract_amount_m1_rate_of_reminders }}</td>
        <td>{{ data.this_year.contract_amount_m1_rate_of_reminders }}</td>
        <td>{{ data.this_month.contract_amount_m1_rate_of_reminders }}</td>
      </tr>
      <tr>
        <td>综合坏账率</td>
        <td>{{ data.this_new.comprehensive_bad_debt_rate }}</td>
        <td>{{ data.this_year.comprehensive_bad_debt_rate }}</td>
        <td>{{ data.this_month.comprehensive_bad_debt_rate }}</td>
      </tr>
      </tbody>
      <tr v-else class="no_data">
        <td colspan="4">
          你想要的正在来的路上...
        </td>
      </tr>
    </table>
    <div class="row_header" style="margin-top: 10px">
      <div class="title">收入组成</div>
    </div>
    <!--    <div class="total">-->
    <!--      <span>本月合计 : {{ data.total.total_revenue }}</span>-->
    <!--      <span>单位 : 元</span>-->
    <!--    </div>-->
    <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
      <span>单位 : 元</span>
    </div>
    <table class="table" width="100%" cellspacing="0">
      <thead class="header">
      <th>科目</th>
      <th>营业至今累计</th>
      <th>本年累计</th>
      <th>本月合计</th>
      </thead>
      <tbody v-if="Object.keys(data).length" class="body">
      <tr>
        <td>主营业务收入合计 (包含以下
          <div class="cell_round">1</div>
          至
          <div class="cell_round">5</div>
          )
        </td>
        <td>{{ data.this_new.total_main_business_income }}</td>
        <td>{{ data.this_year.total_main_business_income }}</td>
        <td>{{ data.this_month.total_main_business_income }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">1</div>
          利息收入
        </td>
        <td>{{ data.this_new.interest_income }}</td>
        <td>{{ data.this_year.interest_income }}</td>
        <td>{{ data.this_month.interest_income }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">2</div>
          罚息收入
        </td>
        <td>{{ data.this_new.penalty_interest_income }}</td>
        <td>{{ data.this_year.penalty_interest_income }}</td>
        <td>{{ data.this_month.penalty_interest_income }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">3</div>
          手续费收入
        </td>
        <td>{{ data.this_new.commission_income }}</td>
        <td>{{ data.this_year.commission_income }}</td>
        <td>{{ data.this_month.commission_income }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">4</div>
          展期手续费收入
        </td>
        <td>{{ data.this_new.income_from_extension }}</td>
        <td>{{ data.this_year.income_from_extension }}</td>
        <td>{{ data.this_month.income_from_extension }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">5</div>
          历史逾期收入
        </td>
        <td>{{ data.this_new.historical_overdue_income }}</td>
        <td>{{ data.this_year.historical_overdue_income }}</td>
        <td>{{ data.this_month.historical_overdue_income }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">6</div>
          业务额外收入
        </td>
        <td>{{ data.this_new.additional_business_income }}</td>
        <td>{{ data.this_year.additional_business_income }}</td>
        <td>{{ data.this_month.additional_business_income }}</td>
      </tr>
      <tr>
        <td>其他业务收入</td>
        <td>{{ data.this_new.other_business_income }}</td>
        <td>{{ data.this_year.other_business_income }}</td>
        <td>{{ data.this_month.other_business_income }}</td>
      </tr>
      <tr>
        <td>营业外收入</td>
        <td>{{ data.this_new.non_operating_income }}</td>
        <td>{{ data.this_year.non_operating_income }}</td>
        <td>{{ data.this_month.non_operating_income }}</td>
      </tr>
      <tr>
        <td>收入合计</td>
        <td>{{ data.this_new.total_revenue }}</td>
        <td>{{ data.this_year.total_revenue }}</td>
        <td>{{ data.this_month.total_revenue }}</td>
      </tr>
      </tbody>
      <tr v-else class="no_data">
        <td colspan="4">
          你想要的正在来的路上...
        </td>
      </tr>
    </table>

    <div class="row_header" style="margin-top: 10px">
      <div class="title">支出组成</div>
    </div>
    <!--    <div class="total" style="text-align: right">-->
    <!--      <span>本月合计 : {{ data.total.total_expenditure }}</span>-->
    <!--      <span>单位 : 元</span>-->
    <!--    </div>-->
    <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
      <span>单位 : 元</span>
    </div>
    <table class="table" width="100%" cellspacing="0">
      <thead class="header">
      <th>科目</th>
      <th>营业至今累计</th>
      <th>本年累计</th>
      <th>本月合计</th>
      </thead>
      <tbody v-if="Object.keys(data).length" class="body">
      <tr>
        <td>主营业务成本</td>
        <td>{{ data.this_new.cost_of_main_business }}</td>
        <td>{{ data.this_year.cost_of_main_business }}</td>
        <td>{{ data.this_month.cost_of_main_business }}</td>
      </tr>
      <tr>
        <td>费用合计 (包含以下
          <div class="cell_round">1</div>
          至
          <div class="cell_round">3</div>
          )
        </td>
        <td>{{ data.this_new.total_cost }}</td>
        <td>{{ data.this_year.total_cost }}</td>
        <td>{{ data.this_month.total_cost }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">1</div>
          营业费用
        </td>
        <td>{{ data.this_new.operating_expenses }}</td>
        <td>{{ data.this_year.operating_expenses }}</td>
        <td>{{ data.this_month.operating_expenses }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">2</div>
          管理费用
        </td>
        <td>{{ data.this_new.management_expenses }}</td>
        <td>{{ data.this_year.management_expenses }}</td>
        <td>{{ data.this_month.management_expenses }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">3</div>
          财务费用
        </td>
        <td>{{ data.this_new.financial_expenses }}</td>
        <td>{{ data.this_year.financial_expenses }}</td>
        <td>{{ data.this_month.financial_expenses }}</td>
      </tr>
      <tr>
        <td>资产减值损失合计(包含以下
          <div class="cell_round">4</div>
          至
          <div class="cell_round">8</div>
          )
        </td>
        <td>{{ data.this_new.total_asset_impairment_loss }}</td>
        <td>{{ data.this_year.total_asset_impairment_loss }}</td>
        <td>{{ data.this_month.total_asset_impairment_loss }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">4</div>
          M1(1-7)
        </td>
        <td>{{ data.this_new.m1 }}</td>
        <td>{{ data.this_year.m1 }}</td>
        <td>{{ data.this_month.m1 }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">5</div>
          M2(8-15)
        </td>
        <td>{{ data.this_new.m2 }}</td>
        <td>{{ data.this_year.m2 }}</td>
        <td>{{ data.this_month.m2 }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">6</div>
          M3(16-30)
        </td>
        <td>{{ data.this_new.m3 }}</td>
        <td>{{ data.this_year.m3 }}</td>
        <td>{{ data.this_month.m3 }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">7</div>
          M3+(30天+)
        </td>
        <td>{{ data.this_new.m3a }}</td>
        <td>{{ data.this_year.m3a }}</td>
        <td>{{ data.this_month.m3a }}</td>
      </tr>
      <tr>
        <td>
          <div class="cell_round">8</div>
          展期本金
        </td>
        <td>{{ data.this_new.renewal_principal }}</td>
        <td>{{ data.this_year.renewal_principal }}</td>
        <td>{{ data.this_month.renewal_principal }}</td>
      </tr>
      <tr>
        <td>营业外支出</td>
        <td>{{ data.this_new.non_operating_expenses }}</td>
        <td>{{ data.this_year.non_operating_expenses }}</td>
        <td>{{ data.this_month.non_operating_expenses }}</td>
      </tr>
      <tr>
        <td>支出合计</td>
        <td>{{ data.this_new.total_expenditure }}</td>
        <td>{{ data.this_year.total_expenditure }}</td>
        <td>{{ data.this_month.total_expenditure }}</td>
      </tr>
      </tbody>
      <tr v-else class="no_data">
        <td colspan="4">
          你想要的正在来的路上...
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  name: "manageTable",
  props: {
    data: {
      default: () => {
      }
    }
  },
}
</script>

<style scoped>

</style>
